<template>
  <div class="list">
    <ul>
      <li class="item"
          v-for="(item , key) in city"
          :key="key"
          :item="item"
      >
        <a :href="('#'+key)">{{key}}</a>
      </li>
    </ul>
  </div>
</template>
<script>
export default{
  name: 'CityFixed',
  props: {
    city: Object
  }
//  },
//  methods: {
//    handleletter: function (e) {
//      this.$emit('letter', e.target.innerText)
//    }
//  }
}
</script>
<style lang="stylus" scoped>
  .list
    display: flex
    flex-direction: column
    justify-content: center
    position: fixed
    top: 1.58rem
    right: 0
    bottom: 0
    width: .4rem
    .item
      line-height: .4rem
      text-align: center
      color: #00bcd4
</style>
